<template>
	<div>
		<nav  class="nav">
  			<div class="menu">
  			<Menu mode="horizontal" :theme="theme1" active-name="1">
		        <MenuItem name="1">
		        		<router-link to="/admin">用户管理</router-link>
		        </MenuItem>
		        <MenuItem name="2">
		        		<router-link to="/assortment">分类管理</router-link>
		        </MenuItem>
		        <MenuItem name="3">
		        	<router-link to="/production">作品管理</router-link>
		        </MenuItem>
		        <MenuItem name="4">
		        	<router-link to="/life">生活随想</router-link>
		        </MenuItem>
		    </Menu>
		    </div>
  		</nav>
  		<div class="adminconten"><router-view/></div>
	</div>
</template>

<script>
	import api from '../../kits/api'
	export default{
		name:'admin',
		data(){
			return{
				theme1:'light',
				user:[],//用户列表
			}
		},
		mounted:function(){
		  	this.userlist()
		},
		methods:{
			userlist(){
				this.$axios.post(api.userlist).then((res) => {
				})
			}
		}
	}
</script>

<style>
	.nav{
		height: 62px;
	    border-top: 1px solid #ebebeb;
	    border-bottom: 2px solid #e1e1e1;
	    background: #fff;
	}
	.menu{
		text-align: center;
		width: 1000px;
		margin: auto;
	}
	.nav .ivu-menu-item{
		float: none;
		display: inline;
		padding: 21px 20px;
	}
	.nav .ivu-menu-item a{
		color: #2C3E50;
	}
	.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover{
		border-bottom: 2px solid #e67e22;
	}
	.adminconten{
		padding: 20px;
	}
</style>